﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="wpOceans">
    <link rel="shortcut icon" type="image/png" href="assets/images/favicon.png">
    <title>Pengu - eCommerce HTML5 Template</title>
    <link href="assets/css/themify-icons.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="assets/css/flaticon.css" rel="stylesheet">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/animate.css" rel="stylesheet">
    <link href="assets/css/owl.carousel.css" rel="stylesheet">
    <link href="assets/css/owl.theme.css" rel="stylesheet">
    <link href="assets/css/slick.css" rel="stylesheet">
    <link href="assets/css/slick-theme.css" rel="stylesheet">
    <link href="assets/css/swiper.min.css" rel="stylesheet">
    <link href="assets/css/owl.transitions.css" rel="stylesheet">
    <link href="assets/css/jquery.fancybox.css" rel="stylesheet">
    <link href="assets/css/odometer-theme-default.css" rel="stylesheet">
    <link href="assets/sass/style.css" rel="stylesheet">
</head>

<body>

    <!-- start page-wrapper -->
    <div class="page-wrapper">
        <!-- start preloader -->
        <div class="preloader">
            <div class="vertical-centered-box">
                <div class="content">
                    <div class="loader-circle"></div>
                    <div class="loader-line-mask">
                        <div class="loader-line"></div>
                    </div>
                    <img src="assets/images/preloader.png" alt="">
                </div>
            </div>
        </div>
        <!-- end preloader -->

        <!-- Start header -->
        <header id="header" class="wpo-header-style-5">
            <!-- end topbar -->
            <div class="wpo-site-header">
                <nav class="navigation navbar navbar-expand-lg navbar-light">
                    <div class="container-fluid">
                        <div class="row align-items-center">
                            <div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
                                <div class="mobail-menu">
                                    <button type="button" class="navbar-toggler open-btn">
                                        <span class="sr-only">Toggle navigation</span>
                                        <span class="icon-bar first-angle"></span>
                                        <span class="icon-bar middle-angle"></span>
                                        <span class="icon-bar last-angle"></span>
                                    </button>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-6 col-6">
                                <div class="navbar-header">
                                    <a class="navbar-brand" href="index.html"><img src="assets/images/logo.svg"
                                            alt="logo"></a>
                                </div>
                            </div>
                            <div class="col-lg-8 col-md-1 col-1">
                                <div id="navbar" class="collapse navbar-collapse navigation-holder">
                                    <button class="menu-close"><i class="ti-close"></i></button>
                                    <ul class="nav navbar-nav mb-2 mb-lg-0">
                                        <li class="menu-item-has-children">
                                            <a class="active" href="#">Home</a>
                                            <ul class="sub-menu">
                                                <li><a class="active" href="index.html">Home style 1</a></li>
                                                <li><a href="index-2.html">Home style 2</a></li>
                                                <li><a href="index-3.html">Home style 3</a></li>
                                                <li><a href="index-4.html">Home style 4</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="shop.html">Shop</a></li>
                                        <li class="menu-item-has-children">
                                            <a href="#">Pages</a>
                                            <ul class="sub-menu">
                                                <li><a href="about.html">About</a></li>
                                                <li><a href="cart.html">Cart</a></li>
                                                <li><a href="wishlist.html">Wishlist</a></li>
                                                <li><a href="checkout.html">Checkout</a></li>
                                                <li><a href="product.html">Product</a></li>
                                                <li><a href="product-single.html">Product Single</a></li>
                                                <li><a href="order.html">Order</a></li>
                                                <li><a href="login.html">Login</a></li>
                                                <li><a href="404.html">404 Error</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <a href="#">Blog</a>
                                            <ul class="sub-menu">
                                                <li><a href="blog.html">Blog right sidebar</a></li>
                                                <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
                                                <li><a href="blog-fullwidth.html">Blog fullwidth</a></li>
                                                <li class="menu-item-has-children">
                                                    <a href="#">Blog details</a>
                                                    <ul class="sub-menu">
                                                        <li><a href="blog-single.html">Blog details right sidebar</a>
                                                        </li>
                                                        <li><a href="blog-single-left-sidebar.html">Blog details left
                                                                sidebar</a></li>
                                                        <li><a href="blog-single-fullwidth.html">Blog details
                                                                fullwidth</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="contact.html">Contact Us</a></li>
                                    </ul>

                                </div><!-- end of nav-collapse -->
                            </div>
                            <div class="col-lg-2 col-md-2 col-2">
                                <div class="header-right">
                                    <div class="mini-cart">
                                        <button class="cart-toggle-btn"> <i class="fi flaticon-shopping-cart"></i> <span
                                                class="cart-count">2</span></button>
                                        <div class="mini-cart-content">
                                            <button class="mini-cart-close"><i class="ti-close"></i></button>
                                            <div class="mini-cart-items">
                                                <div class="mini-cart-item clearfix">
                                                    <div class="mini-cart-item-image">
                                                        <a href="shop.html"><img
                                                                src="assets/images/shop/mini-cart/img-1.jpg" alt></a>
                                                    </div>
                                                    <div class="mini-cart-item-des">
                                                        <a href="shop.html">White Wedding Shoe</a>
                                                        <span class="mini-cart-item-price">$100.15 x 1</span>
                                                        <span class="mini-cart-item-quantity"><a href="#"><i
                                                                    class="ti-close"></i></a></span>
                                                    </div>
                                                </div>
                                                <div class="mini-cart-item clearfix">
                                                    <div class="mini-cart-item-image">
                                                        <a href="shop.html"><img
                                                                src="assets/images/shop/mini-cart/img-2.jpg" alt></a>
                                                    </div>
                                                    <div class="mini-cart-item-des">
                                                        <a href="shop.html">Long Sleeve Tops</a>
                                                        <span class="mini-cart-item-price">$230.25 x 2</span>
                                                        <span class="mini-cart-item-quantity"><a href="#"><i
                                                                    class="ti-close"></i></a></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="mini-cart-action clearfix">
                                                <span class="mini-checkout-price">Subtotal: <span>$330.35</span></span>
                                                <div class="mini-btn">
                                                    <a href="checkout.html" class="view-cart-btn s1">Checkout</a>
                                                    <a href="cart.html" class="view-cart-btn">View Cart</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="header-search-form-wrapper">
                                        <div class="cart-search-contact">
                                            <button class="search-toggle-btn"><i class="fi flaticon-loupe"></i></button>
                                            <div class="header-search-form">
                                                <form>
                                                    <div>
                                                        <input type="text" class="form-control"
                                                            placeholder="Search here...">
                                                        <button type="submit"><i class="fi flaticon-loupe"></i></button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="header-login">
                                        <a class="login-btn" href="login.html"><i class="fi flaticon-user"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- end of container -->
                </nav>
            </div>
        </header>
        <!-- end of header -->

        <!-- start of wpo-hero-section-1 -->
        <section class="hero hero-style-4">
            <div class="hero-slider">
                <div class="slide">
                    <div class="container">
                        <div class="row">
                            <div class="col col-lg-7 col-md-8 col-sm-12 slide-caption">
                                <div class="slide-title">
                                    <h2>Sneakers For Men</h2>
                                </div>
                                <div class="slide-subtitle">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Libero, vel, facilisis
                                        purus,
                                        turpis tincidunt vel. Aliquet egestas in nibh mattis.</p>
                                </div>
                                <div class="pordact-content">
                                    <div class="filter-item">
                                        <div class="shop-filter-item price">
                                            <h3>Price :</h3>
                                            <span>$50.60</span>
                                        </div>
                                    </div>
                                    <div class="filter-item">
                                        <div class="shop-filter-item color">
                                            <h3>Color :</h3>
                                            <div class="color-name">
                                                <div>
                                                    <input type="radio" name="color" id="001" class="aggree color1"
                                                        checked />
                                                    <span style="margin:5px"></span>
                                                    <input type="radio" name="color" class="aggree color2" />
                                                    <span style="margin:5px"> </span>
                                                    <input type="radio" name="color" class="aggree color3" />
                                                    <span style="margin:5px"> </span>
                                                    <input type="radio" name="color" class="aggree color4" />
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="filter-item">
                                        <div class="shop-filter-item size">
                                            <h3>Size :</h3>
                                            <div class="size-item">
                                                <div class="button-group">
                                                    <input type="radio" id="1" name="size" class="size1" value="1" />
                                                    <label class="size-btn" for="1">9</label>
                                                </div>
                                                <div class="button-group">
                                                    <input type="radio" id="2" name="size" class="size1" value="1" />
                                                    <label class="size-btn" for="2">10</label>
                                                </div>
                                                <div class="button-group">
                                                    <input type="radio" id="3" name="size" class="size1" value="1" />
                                                    <label class="size-btn" for="3">11</label>
                                                </div>
                                                <div class="button-group">
                                                    <input type="radio" id="4" name="size" class="size1" value="1" />
                                                    <label class="size-btn" for="4">12</label>
                                                </div>
                                                <div class="button-group">
                                                    <input type="radio" id="5" name="size" class="size1" value="1" />
                                                    <label class="size-btn" for="5">13</label>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="hero-btn">
                                    <a href="shop.html" class="theme-btn s1">40% Off</a>
                                    <a href="shop.html" class="theme-btn">Shop Now</a>
                                </div>
                                <div class="slider-pic">
                                    <img src="assets/images/slider/8.png" alt>
                                </div>
                                <div class="bg-shape"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slide">
                    <div class="container">
                        <div class="row">
                            <div class="col col-lg-7 col-md-8 col-sm-12 slide-caption">
                                <div class="slide-title">
                                    <h2>Sneakers For Women</h2>
                                </div>
                                <div class="slide-subtitle">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Libero, vel, facilisis
                                        purus,
                                        turpis tincidunt vel. Aliquet egestas in nibh mattis.</p>
                                </div>
                                <div class="pordact-content">
                                    <div class="filter-item">
                                        <div class="shop-filter-item price">
                                            <h3>Price :</h3>
                                            <span>$25.60</span>
                                        </div>
                                    </div>
                                    <div class="filter-item">
                                        <div class="shop-filter-item color">
                                            <h3>Color :</h3>
                                            <div class="color-name">
                                                <div>
                                                    <input type="radio" name="color" id="01" class="aggree color1"
                                                        checked />
                                                    <span style="margin:5px"></span>
                                                    <input type="radio" name="color" class="aggree color2" />
                                                    <span style="margin:5px"> </span>
                                                    <input type="radio" name="color" class="aggree color3" />
                                                    <span style="margin:5px"> </span>
                                                    <input type="radio" name="color" class="aggree color4" />
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="filter-item">
                                        <div class="shop-filter-item size">
                                            <h3>Size :</h3>
                                            <div class="size-item">
                                                <div class="button-group">
                                                    <input type="radio" id="6" name="size" class="size1" value="1" />
                                                    <label class="size-btn" for="6">9</label>
                                                </div>
                                                <div class="button-group">
                                                    <input type="radio" id="7" name="size" class="size1" value="1" />
                                                    <label class="size-btn" for="7">10</label>
                                                </div>
                                                <div class="button-group">
                                                    <input type="radio" id="8" name="size" class="size1" value="1" />
                                                    <label class="size-btn" for="8">11</label>
                                                </div>
                                                <div class="button-group">
                                                    <input type="radio" id="9" name="size" class="size1" value="1" />
                                                    <label class="size-btn" for="9">12</label>
                                                </div>
                                                <div class="button-group">
                                                    <input type="radio" id="10" name="size" class="size1" value="1" />
                                                    <label class="size-btn" for="10">13</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="hero-btn">
                                    <a href="shop.html" class="theme-btn s1">50% Off</a>
                                    <a href="shop.html" class="theme-btn">Shop Now</a>
                                </div>
                                <div class="slider-pic">
                                    <img src="assets/images/slider/9.png" alt>
                                </div>
                                <div class="bg-shape"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end of wpo-hero-section-1 -->

        <!-- start of pengu-product-section -->
        <section class="pengu-product-section section-padding">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6 col-12">
                        <div class="wpo-section-title">
                            <h2>New Arraival</h2>
                            <p>Here is our new arraival products that you may like.</p>
                        </div>
                    </div>
                </div>
                <div class="product-wrap">
                    <div class="row">
                        <div class="col-lg-3 col-md-6 col-12">
                            <div class="product-single-item">
                                <div class="image">
                                    <img src="assets/images/product-single/1.jpg" alt="">
                                    <div class="card-icon">
                                        <a class="icon" href="wishlist.html">
                                            <i class="fa fa-heart-o" aria-hidden="true"></i>
                                        </a>
                                        <a class="icon-active" href="wishlist.html">
                                            <i class="fa fa-heart" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                    <ul class="cart-wrap">
                                        <li>
                                            <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Add To Cart"><i class="fi flaticon-shopping-cart"></i></a>
                                        </li>
                                        <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                            <button data-bs-toggle="tooltip" data-bs-html="true" title="Quick View"><i
                                                    class="fi ti-eye"></i></button>
                                        </li>
                                        <li>
                                            <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Compare"><i class="fa fa-compress" aria-hidden="true"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a class="product-btn" href="shop.html">Shop Now</a>
                                    </div>
                                </div>
                                <div class="text">
                                    <h2><a href="product-single.html">Long Sleeve Tops</a></h2>
                                    <div class="price">
                                        <del class="old-price">$85.50</del>
                                        <span class="present-price">$70.30</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-12">
                            <div class="product-single-item active">
                                <div class="image">
                                    <img src="assets/images/product-single/2.jpg" alt="">
                                    <div class="card-icon">
                                        <a class="icon" href="wishlist.html">
                                            <i class="fa fa-heart-o" aria-hidden="true"></i>
                                        </a>
                                        <a class="icon-active" href="wishlist.html" data-bs-toggle="tooltip"
                                            data-bs-html="true" title="Add To Wishlist">
                                            <i class="fa fa-heart" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                    <ul class="cart-wrap">
                                        <li>
                                            <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Add To Cart"><i class="fi flaticon-shopping-cart"></i></a>
                                        </li>
                                        <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                            <button data-bs-toggle="tooltip" data-bs-html="true" title="Quick View"><i
                                                    class="fi ti-eye"></i></button>
                                        </li>
                                        <li>
                                            <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Compare"><i class="fa fa-compress" aria-hidden="true"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a class="product-btn" href="shop.html">Shop Now</a>
                                    </div>
                                </div>
                                <div class="text">
                                    <h2><a href="product-single.html">White Wedding Shoe</a></h2>
                                    <div class="price">
                                        <del class="old-price">$150.20</del>
                                        <span class="present-price">$120.50</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-12">
                            <div class="product-single-item">
                                <div class="image">
                                    <img src="assets/images/product-single/3.jpg" alt="">
                                    <div class="card-icon">
                                        <a class="icon" href="wishlist.html">
                                            <i class="fa fa-heart-o" aria-hidden="true"></i>
                                        </a>
                                        <a class="icon-active" href="wishlist.html">
                                            <i class="fa fa-heart" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                    <ul class="cart-wrap">
                                        <li>
                                            <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Add To Cart"><i class="fi flaticon-shopping-cart"></i></a>
                                        </li>
                                        <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                            <button data-bs-toggle="tooltip" data-bs-html="true" title="Quick View"><i
                                                    class="fi ti-eye"></i></button>
                                        </li>
                                        <li>
                                            <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Compare"><i class="fa fa-compress" aria-hidden="true"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a class="product-btn" href="shop.html">Shop Now</a>
                                    </div>
                                </div>
                                <div class="text">
                                    <h2><a href="product-single.html">Long Chain With Lockel</a></h2>
                                    <div class="price">
                                        <del class="old-price">$85.50</del>
                                        <span class="present-price">$70.30</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-12">
                            <div class="product-single-item">
                                <div class="image">
                                    <img src="assets/images/product-single/4.jpg" alt="">
                                    <div class="card-icon">
                                        <a class="icon" href="wishlist.html">
                                            <i class="fa fa-heart-o" aria-hidden="true"></i>
                                        </a>
                                        <a class="icon-active" href="wishlist.html">
                                            <i class="fa fa-heart" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                    <ul class="cart-wrap">
                                        <li>
                                            <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Add To Cart"><i class="fi flaticon-shopping-cart"></i></a>
                                        </li>
                                        <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                            <button data-bs-toggle="tooltip" data-bs-html="true" title="Quick View"><i
                                                    class="fi ti-eye"></i></button>
                                        </li>
                                        <li>
                                            <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Compare"><i class="fa fa-compress" aria-hidden="true"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a class="product-btn" href="shop.html">Shop Now</a>
                                    </div>
                                </div>
                                <div class="text">
                                    <h2><a href="product-single.html">Winter Jacket</a></h2>
                                    <div class="price">
                                        <del class="old-price">$100.50</del>
                                        <span class="present-price">$80.30</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end of pengu-product-section -->

        <!-- start of pengu-banner-section -->
        <section class="pengu-banner-section">
            <div class="container">
                <div class="banner-wrap">
                    <div class="row">
                        <div class="col-lg-7 col-md-9 col-12">
                            <div class="content">
                                <div class="bg-text">
                                    <h1>fasion</h1>
                                </div>
                                <h2>Stylish casual
                                    sweater & sneakers</h2>
                                <p>Beautiful, Fashionable and Stylish</p>
                                <a href="shop.html">Shop Now</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end of pengu-banner-section -->

        <!-- start of pengu-product-category-section -->
        <section class="pengu-product-category-section section-padding">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6 col-12">
                        <div class="wpo-section-title">
                            <h2>Popular Products</h2>
                            <p>Here is our new arraival products that you may like.</p>
                        </div>
                    </div>
                </div>
                <div class="category-wrap">
                    <div class="row">
                        <div class="col col-xs-12 sortable-gallery">
                            <div class="gallery-filters">
                                <div class="row justify-content-center">
                                    <div class="col-lg-6 col-12">
                                        <ul class="category-item">
                                            <li><a data-filter=".all" href="#" class="product-btn current">
                                                    All Products
                                                </a>
                                            </li>
                                            <li>
                                                <a data-filter=".men" href="#" class="product-btn">
                                                    Men
                                                </a>
                                            </li>
                                            <li>
                                                <a data-filter=".women" href="#" class="product-btn">
                                                    Women
                                                </a>
                                            </li>
                                            <li><a data-filter=".kids" href="#" class="product-btn">
                                                    Kids
                                                </a>
                                            </li>
                                            <li><a data-filter=".sales" href="#" class="product-btn">
                                                    Sales
                                                </a>
                                            </li>
                                            <li><a data-filter=".offers" href="#" class="product-btn">
                                                    Offers
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery-container gallery-fancybox masonry-gallery row">
                                <div class="col-lg-3 col-md-6 col-12 custom-grid IllustAtor all sales women zoomIn"
                                    data-wow-duration="2000ms">
                                    <div class="product-single-item">
                                        <div class="image">
                                            <img src="assets/images/product-category/1.jpg" alt="">
                                            <div class="card-icon">
                                                <a class="icon" href="wishlist.html">
                                                    <i class="fa fa-heart-o" aria-hidden="true"></i>
                                                </a>
                                                <a class="icon-active" href="wishlist.html">
                                                    <i class="fa fa-heart" aria-hidden="true"></i>
                                                </a>
                                            </div>
                                            <ul class="cart-wrap">
                                                <li>
                                                    <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Add To Cart"><i
                                                            class="fi flaticon-shopping-cart"></i></a>
                                                </li>
                                                <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                                    <button data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Quick View"><i class="fi ti-eye"></i></button>
                                                </li>
                                                <li>
                                                    <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Compare"><i class="fa fa-compress"
                                                            aria-hidden="true"></i></a>
                                                </li>
                                            </ul>
                                            <div class="shop-btn">
                                                <a class="product-btn" href="shop.html">Shop Now</a>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h2><a href="product-single.html">Long Sleeve Tops</a></h2>
                                            <div class="price">
                                                <del class="old-price">$85.50</del>
                                                <span class="present-price">$70.30</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-6 col-12 custom-grid all  women men offers kids zoomIn"
                                    data-wow-duration="2000ms">
                                    <div class="product-single-item">
                                        <div class="image">
                                            <img src="assets/images/product-category/2.jpg" alt="">
                                            <div class="card-icon">
                                                <a class="icon" href="wishlist.html">
                                                    <i class="fa fa-heart-o" aria-hidden="true"></i>
                                                </a>
                                                <a class="icon-active" href="wishlist.html">
                                                    <i class="fa fa-heart" aria-hidden="true"></i>
                                                </a>
                                            </div>
                                            <ul class="cart-wrap">
                                                <li>
                                                    <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Add To Cart"><i
                                                            class="fi flaticon-shopping-cart"></i></a>
                                                </li>
                                                <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                                    <button data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Quick View"><i class="fi ti-eye"></i></button>
                                                </li>
                                                <li>
                                                    <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Compare"><i class="fa fa-compress"
                                                            aria-hidden="true"></i></a>
                                                </li>
                                            </ul>
                                            <div class="shop-btn">
                                                <a class="product-btn" href="shop.html">Shop Now</a>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h2><a href="product-single.html">White Wedding Shoe</a></h2>
                                            <div class="price">
                                                <del class="old-price">$150.50</del>
                                                <span class="present-price">$120.30</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-6 col-12 custom-grid all women men offers kids zoomIn"
                                    data-wow-duration="2000ms">
                                    <div class="product-single-item">
                                        <div class="image">
                                            <img src="assets/images/product-category/3.jpg" alt="">
                                            <div class="card-icon">
                                                <a class="icon" href="wishlist.html">
                                                    <i class="fa fa-heart-o" aria-hidden="true"></i>
                                                </a>
                                                <a class="icon-active" href="wishlist.html">
                                                    <i class="fa fa-heart" aria-hidden="true"></i>
                                                </a>
                                            </div>
                                            <ul class="cart-wrap">
                                                <li>
                                                    <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Add To Cart"><i
                                                            class="fi flaticon-shopping-cart"></i></a>
                                                </li>
                                                <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                                    <button data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Quick View"><i class="fi ti-eye"></i></button>
                                                </li>
                                                <li>
                                                    <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Compare"><i class="fa fa-compress"
                                                            aria-hidden="true"></i></a>
                                                </li>
                                            </ul>
                                            <div class="shop-btn">
                                                <a class="product-btn" href="shop.html">Shop Now</a>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h2><a href="product-single.html">Long Chain With Lockel</a></h2>
                                            <div class="price">
                                                <del class="old-price">$180.50</del>
                                                <span class="present-price">$150.30</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-6 col-12 custom-grid women  kids all zoomIn"
                                    data-wow-duration="2000ms">
                                    <div class="product-single-item">
                                        <div class="image">
                                            <img src="assets/images/product-category/4.jpg" alt="">
                                            <div class="card-icon">
                                                <a class="icon" href="wishlist.html">
                                                    <i class="fa fa-heart-o" aria-hidden="true"></i>
                                                </a>
                                                <a class="icon-active" href="wishlist.html">
                                                    <i class="fa fa-heart" aria-hidden="true"></i>
                                                </a>
                                            </div>
                                            <ul class="cart-wrap">
                                                <li>
                                                    <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Add To Cart"><i
                                                            class="fi flaticon-shopping-cart"></i></a>
                                                </li>
                                                <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                                    <button data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Quick View"><i class="fi ti-eye"></i></button>
                                                </li>
                                                <li>
                                                    <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Compare"><i class="fa fa-compress"
                                                            aria-hidden="true"></i></a>
                                                </li>
                                            </ul>
                                            <div class="shop-btn">
                                                <a class="product-btn" href="shop.html">Shop Now</a>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h2><a href="product-single.html">Winter Jacket </a></h2>
                                            <div class="price">
                                                <del class="old-price">$100.50</del>
                                                <span class="present-price">$70.30</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-6 col-12 all custom-grid  women sales kidszoomIn"
                                    data-wow-duration="2000ms">
                                    <div class="product-single-item">
                                        <div class="image">
                                            <img src="assets/images/product-category/5.jpg" alt="">
                                            <div class="card-icon">
                                                <a class="icon" href="wishlist.html">
                                                    <i class="fa fa-heart-o" aria-hidden="true"></i>
                                                </a>
                                                <a class="icon-active" href="wishlist.html">
                                                    <i class="fa fa-heart" aria-hidden="true"></i>
                                                </a>
                                            </div>
                                            <ul class="cart-wrap">
                                                <li>
                                                    <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Add To Cart"><i
                                                            class="fi flaticon-shopping-cart"></i></a>
                                                </li>
                                                <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                                    <button data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Quick View"><i class="fi ti-eye"></i></button>
                                                </li>
                                                <li>
                                                    <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Compare"><i class="fa fa-compress"
                                                            aria-hidden="true"></i></a>
                                                </li>
                                            </ul>
                                            <div class="shop-btn">
                                                <a class="product-btn" href="shop.html">Shop Now</a>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h2><a href="product-single.html">Long Sleeve Tops</a></h2>
                                            <div class="price">
                                                <del class="old-price">$85.50</del>
                                                <span class="present-price">$70.30</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-6 col-12 custom-grid all men offers zoomIn"
                                    data-wow-duration="2000ms">
                                    <div class="product-single-item">
                                        <div class="image">
                                            <img src="assets/images/product-category/6.jpg" alt="">
                                            <div class="card-icon">
                                                <a class="icon" href="wishlist.html">
                                                    <i class="fa fa-heart-o" aria-hidden="true"></i>
                                                </a>
                                                <a class="icon-active" href="wishlist.html">
                                                    <i class="fa fa-heart" aria-hidden="true"></i>
                                                </a>
                                            </div>
                                            <ul class="cart-wrap">
                                                <li>
                                                    <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Add To Cart"><i
                                                            class="fi flaticon-shopping-cart"></i></a>
                                                </li>
                                                <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                                    <button data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Quick View"><i class="fi ti-eye"></i></button>
                                                </li>
                                                <li>
                                                    <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Compare"><i class="fa fa-compress"
                                                            aria-hidden="true"></i></a>
                                                </li>
                                            </ul>
                                            <div class="shop-btn">
                                                <a class="product-btn" href="shop.html">Shop Now</a>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h2><a href="product-single.html">White Wedding Shoe</a></h2>
                                            <div class="price">
                                                <del class="old-price">$120.50</del>
                                                <span class="present-price">$100.30</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-6 col-12 custom-grid all  men  zoomIn"
                                    data-wow-duration="2000ms">
                                    <div class="product-single-item">
                                        <div class="image">
                                            <img src="assets/images/product-category/7.jpg" alt="">
                                            <div class="card-icon">
                                                <a class="icon" href="wishlist.html">
                                                    <i class="fa fa-heart-o" aria-hidden="true"></i>
                                                </a>
                                                <a class="icon-active" href="wishlist.html">
                                                    <i class="fa fa-heart" aria-hidden="true"></i>
                                                </a>
                                            </div>
                                            <ul class="cart-wrap">
                                                <li>
                                                    <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Add To Cart"><i
                                                            class="fi flaticon-shopping-cart"></i></a>
                                                </li>
                                                <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                                    <button data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Quick View"><i class="fi ti-eye"></i></button>
                                                </li>
                                                <li>
                                                    <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Compare"><i class="fa fa-compress"
                                                            aria-hidden="true"></i></a>
                                                </li>
                                            </ul>
                                            <div class="shop-btn">
                                                <a class="product-btn" href="shop.html">Shop Now</a>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h2><a href="product-single.html">Long Chain With Lockel</a></h2>
                                            <div class="price">
                                                <del class="old-price">$150.50</del>
                                                <span class="present-price">$130.30</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-6 col-12 custom-grid all  men  zoomIn"
                                    data-wow-duration="2000ms">
                                    <div class="product-single-item">
                                        <div class="image">
                                            <img src="assets/images/product-category/8.jpg" alt="">
                                            <div class="card-icon">
                                                <a class="icon" href="wishlist.html">
                                                    <i class="fa fa-heart-o" aria-hidden="true"></i>
                                                </a>
                                                <a class="icon-active" href="wishlist.html">
                                                    <i class="fa fa-heart" aria-hidden="true"></i>
                                                </a>
                                            </div>
                                            <ul class="cart-wrap">
                                                <li>
                                                    <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Add To Cart"><i
                                                            class="fi flaticon-shopping-cart"></i></a>
                                                </li>
                                                <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                                    <button data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Quick View"><i class="fi ti-eye"></i></button>
                                                </li>
                                                <li>
                                                    <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                        title="Compare"><i class="fa fa-compress"
                                                            aria-hidden="true"></i></a>
                                                </li>
                                            </ul>
                                            <div class="shop-btn">
                                                <a class="product-btn" href="shop.html">Shop Now</a>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h2><a href="product-single.html">Winter Jacket </a></h2>
                                            <div class="price">
                                                <del class="old-price">$100.50</del>
                                                <span class="present-price">$70.30</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end of pengu-product-category-section -->

        <!-- start of pengu-spacing-section -->
        <section class="pengu-spacing-section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-12">
                        <div class="lookbook-benner">
                            <div class="bg-image">
                                <img src="assets/images/lookbook.jpg" alt="">
                            </div>
                            <div class="content">
                                <h2>LOOKBOOK 2023</h2>
                                <p>Best fasionable brand in the world</p>
                                <a class="theme-btn" href="shop.html">View Collection</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="winter-benner">
                            <div class="bg-image">
                                <img src="assets/images/winter.jpg" alt="">
                            </div>
                            <div class="content">
                                <span>Winter Sale</span>
                                <h2>UP TO 70% OFF</h2>
                                <a class="theme-btn" href="shop.html">Shop Now</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end of pengu-spacing-section -->

        <!-- start of pengu-bestseller-section -->
        <section class="pengu-bestseller-section section-padding">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6 col-12">
                        <div class="wpo-section-title">
                            <h2>Best Seller</h2>
                            <p>Top sale in this week and this season.</p>
                        </div>
                    </div>
                </div>
                <div class="bestseller-wrap">
                    <div class="row">
                        <div class="col-lg-3 col-md-6 col-12">
                            <div class="product-single-item">
                                <div class="image">
                                    <img src="assets/images/bestseller/img-1.jpg" alt="">
                                    <div class="card-icon">
                                        <a class="icon" href="wishlist.html">
                                            <i class="fa fa-heart-o" aria-hidden="true"></i>
                                        </a>
                                        <a class="icon-active" href="wishlist.html">
                                            <i class="fa fa-heart" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                    <ul class="cart-wrap">
                                        <li>
                                            <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Add To Cart"><i class="fi flaticon-shopping-cart"></i></a>
                                        </li>
                                        <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                            <button data-bs-toggle="tooltip" data-bs-html="true" title="Quick View"><i
                                                    class="fi ti-eye"></i></button>
                                        </li>
                                        <li>
                                            <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Compare"><i class="fa fa-compress" aria-hidden="true"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a class="product-btn" href="shop.html">Shop Now</a>
                                    </div>
                                </div>
                                <div class="text">
                                    <h2><a href="product-single.html">Long Sleeve Tops</a></h2>
                                    <div class="price">
                                        <del class="old-price">$850.50</del>
                                        <span class="present-price">$70.30</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-12">
                            <div class="product-single-item">
                                <div class="image">
                                    <img src="assets/images/bestseller/img-2.jpg" alt="">
                                    <div class="card-icon">
                                        <a class="icon" href="wishlist.html">
                                            <i class="fa fa-heart-o" aria-hidden="true"></i>
                                        </a>
                                        <a class="icon-active" href="wishlist.html">
                                            <i class="fa fa-heart" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                    <ul class="cart-wrap">
                                        <li>
                                            <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Add To Cart"><i class="fi flaticon-shopping-cart"></i></a>
                                        </li>
                                        <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                            <button data-bs-toggle="tooltip" data-bs-html="true" title="Quick View"><i
                                                    class="fi ti-eye"></i></button>
                                        </li>
                                        <li>
                                            <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Compare"><i class="fa fa-compress" aria-hidden="true"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a class="product-btn" href="shop.html">Shop Now</a>
                                    </div>
                                </div>
                                <div class="text">
                                    <h2><a href="product-single.html">White Wedding Shoe</a></h2>
                                    <div class="price">
                                        <del class="old-price">$150.50</del>
                                        <span class="present-price">$120.30</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-12">
                            <div class="product-single-item">
                                <div class="image">
                                    <img src="assets/images/bestseller/img-3.jpg" alt="">
                                    <div class="card-icon">
                                        <a class="icon" href="wishlist.html">
                                            <i class="fa fa-heart-o" aria-hidden="true"></i>
                                        </a>
                                        <a class="icon-active" href="wishlist.html">
                                            <i class="fa fa-heart" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                    <ul class="cart-wrap">
                                        <li>
                                            <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Add To Cart"><i class="fi flaticon-shopping-cart"></i></a>
                                        </li>
                                        <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                            <button data-bs-toggle="tooltip" data-bs-html="true" title="Quick View"><i
                                                    class="fi ti-eye"></i></button>
                                        </li>
                                        <li>
                                            <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Compare"><i class="fa fa-compress" aria-hidden="true"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a class="product-btn" href="shop.html">Shop Now</a>
                                    </div>
                                </div>
                                <div class="text">
                                    <h2><a href="product-single.html">Long Chain With Lockel</a></h2>
                                    <div class="price">
                                        <del class="old-price">$85.50</del>
                                        <span class="present-price">$60.30</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-12">
                            <div class="product-single-item">
                                <div class="image">
                                    <img src="assets/images/bestseller/img-4.jpg" alt="">
                                    <div class="card-icon">
                                        <a class="icon" href="wishlist.html">
                                            <i class="fa fa-heart-o" aria-hidden="true"></i>
                                        </a>
                                        <a class="icon-active" href="wishlist.html">
                                            <i class="fa fa-heart" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                    <ul class="cart-wrap">
                                        <li>
                                            <a href="cart.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Add To Cart"><i class="fi flaticon-shopping-cart"></i></a>
                                        </li>
                                        <li data-bs-toggle="modal" data-bs-target="#popup-quickview">
                                            <button data-bs-toggle="tooltip" data-bs-html="true" title="Quick View"><i
                                                    class="fi ti-eye"></i></button>
                                        </li>
                                        <li>
                                            <a href="wishlist.html" data-bs-toggle="tooltip" data-bs-html="true"
                                                title="Compare"><i class="fa fa-compress" aria-hidden="true"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a class="product-btn" href="shop.html">Shop Now</a>
                                    </div>
                                </div>
                                <div class="text">
                                    <h2><a href="product-single.html">Winter Jacket</a></h2>
                                    <div class="price">
                                        <del class="old-price">$100.50</del>
                                        <span class="present-price">$80.30</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </section>
        <!-- end of pengu-bestseller-section -->

        <!-- start of wpo-blog-section -->
        <section class="wpo-blog-section section-padding">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6 col-12">
                        <div class="wpo-section-title">
                            <h2>Latest News</h2>
                            <p>Here is our top newses for your fasion guide.</p>
                        </div>
                    </div>
                </div>
                <div class="blog-wrap">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="blog-item">
                                <div class="post-image">
                                    <div class="post-img-title">
                                        <span>Fasion</span>
                                    </div>
                                    <img src="assets/images/blog/img-1.jpg" alt="">
                                </div>
                                <div class="post-content">
                                    <ul class="post-date">
                                        <li>By Jastin Wastal</li>
                                        <li>15 Sep 2023</li>
                                    </ul>
                                    <h2><a href="blog-single.html">New season modern scarf</a></h2>
                                    <p>Etiam facisis urna dignissim dui quisque in mauris viverra Nulla placerat
                                        suscipit integer enim.</p>
                                    <a class="post-btn" href="blog-single.html">Read More...</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="blog-item">
                                <div class="post-image">
                                    <div class="post-img-title">
                                        <span>Trending</span>
                                    </div>
                                    <img src="assets/images/blog/img-2.jpg" alt="">
                                </div>
                                <div class="post-content">
                                    <ul class="post-date">
                                        <li>By Jastin Wastal</li>
                                        <li>20 Sep 2023</li>
                                    </ul>
                                    <h2><a href="blog-single.html">Summer Trending 2023</a></h2>
                                    <p>Etiam facisis urna dignissim dui quisque in mauris viverra Nulla placerat
                                        suscipit integer enim.</p>
                                    <a class="post-btn" href="blog-single.html">Read More...</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="blog-item">
                                <div class="post-image">
                                    <div class="post-img-title">
                                        <span>Lifestyle</span>
                                    </div>
                                    <img src="assets/images/blog/img-3.jpg" alt="">
                                </div>
                                <div class="post-content">
                                    <ul class="post-date">
                                        <li>By Jastin Wastal</li>
                                        <li>25 Sep 2023</li>
                                    </ul>
                                    <h2><a href="blog-single.html">Top 10 Curley Hairstyle</a></h2>
                                    <p>Etiam facisis urna dignissim dui quisque in mauris viverra Nulla placerat
                                        suscipit integer enim.</p>
                                    <a class="post-btn" href="blog-single.html">Read More...</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end of wpo-blog-section -->

        <!-- start of wpo-site-footer-section -->
        <footer class="wpo-site-footer">
            <div class="wpo-upper-footer">
                <div class="container">
                    <div class="row">
                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
                            <div class="widget about-widget">
                                <div class="logo widget-title">
                                    <img src="assets/images/logo.svg" alt="blog">
                                </div>
                                <p>Mattis inelit neque quis donecyir eleng amet.
                                    Amet sed et cursus eu euiod.
                                    Egestaerets in morbiet tristique ornare vulputate vitae enim.</p>
                                <div class="social-widget">
                                    <ul>
                                        <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col col-xl-2 col-lg-3 col-md-6 col-sm-12 col-12">
                            <div class="widget link-widget">
                                <div class="widget-title">
                                    <h3>Categories</h3>
                                </div>
                                <ul>
                                    <li><a href="shop.html">Women</a></li>
                                    <li><a href="shop.html">Men</a></li>
                                    <li><a href="shop.html">Kids</a></li>
                                    <li><a href="shop.html">Shoes</a></li>
                                    <li><a href="shop.html">Jwellery</a></li>
                                    <li><a href="shop.html">T-shirts</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col col-lg-4 col-md-6 col-sm-12 col-12">
                            <div class="widget blog-widget">
                                <div class="widget-title">
                                    <h3>Blog Post</h3>
                                </div>
                                <ul>
                                    <li>
                                        <div class="image">
                                            <img src="assets/images/news/img-01.jpg" alt="">
                                        </div>
                                        <div class="text">
                                            <p><a href="blog-single.html">It is a long established fact that a reader
                                                    will be distracted.</a></p>
                                            <span>12 December, 2023</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="image">
                                            <img src="assets/images/news/img-02.jpg" alt="">
                                        </div>
                                        <div class="text">
                                            <p><a href="blog-single.html">It is a long established fact that a reader
                                                    will be distracted.</a></p>
                                            <span>12 December, 2023</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
                            <div class="widget newsletter-widget">
                                <div class="widget-title">
                                    <h3>Newsletter</h3>
                                </div>
                                <p>Subscribe to our newsletter and get 10% off your first purchase.</p>
                                <form>
                                    <div class="input-1">
                                        <input type="email" class="form-control" placeholder="Your Email Address.. "
                                            required="">
                                    </div>
                                    <div class="submit clearfix">
                                        <button type="submit">Subscribe</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div> <!-- end container -->
            </div>
            <div class="wpo-lower-footer">
                <div class="container">
                    <div class="row">
                        <div class="col col-xs-12">
                            <p class="copyright"> Copyright &copy; 2023 Canun By <a
                                    href="http://www.bootstrapmb.com">bootstrapMB</a>. All
                                Rights Reserved.</p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- end of wpo-site-footer-section -->

        <!-- popup-quickview  -->
        <div id="popup-quickview" class="modal fade" tabindex="-1">
            <div class="modal-dialog quickview-dialog">
                <div class="modal-content">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i
                            class="ti-close"></i></button>
                    <div class="modal-body d-flex">
                        <div class="product-details">
                            <div class="row align-items-center">
                                <div class="col-lg-5">
                                    <div class="product-single-img">
                                        <div class="modal-product">
                                            <div class="item">
                                                <img src="assets/images/modal.jpg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-7">
                                    <div class="product-single-content">
                                        <h5>White Wedding Shoe</h5>
                                        <h6>120.00 USD</h6>
                                        <ul class="rating">
                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                        </ul>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis ultrices
                                            lectus lobortis, dolor et tempus porta, leo mi efficitur ante, in varius
                                            felis
                                            sem ut mauris. Proin volutpat lorem inorci sed vestibulum tempus. Lorem
                                            ipsum
                                            dolor sit amet, consectetur adipiscing elit. Aliquam
                                            hendrerit.
                                        </p>
                                        <div class="pro-single-btn">
                                            <div class="quantity cart-plus-minus">
                                                <input type="text" value="1">
                                                <div class="dec qtybutton">-</div>
                                                <div class="inc qtybutton"></div>
                                            </div>
                                            <a href="#" class="theme-btn">Add to cart</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- popup-quickview -->
        </div>

    </div>
    <!-- end of page-wrapper -->

    <!-- All JavaScript files
    ================================================== -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!-- Plugins for this template -->
    <script src="assets/js/modernizr.custom.js"></script>
    <script src="assets/js/jquery.dlmenu.js"></script>
    <script src="assets/js/jquery-plugin-collection.js"></script>
    <!-- Custom script for this template -->
    <script src="assets/js/script.js"></script>
</body>

</html>